<template>
	<view>
		<navigator url="/pages/mine/suggestion/index" hover-class="none">
		<view class="w100 flex-row flex-al flex-sb yjfk" hover-class="yjfk-hover">
		  <view class="flex-row flex-al ">
		    <image src="/static/imgs/fankui.png"></image>
		    <text>意见反馈</text>
		  </view>
		  <text class="iconfont icon-arrow-right-copy-copy"></text>
		</view>
		</navigator>
		<navigator url="/pages/mine/customBusList/index" hover-class="none"> 
		<view class="w100 flex-row flex-al flex-sb yjfk" hover-class="yjfk-hover">
		  <view class="flex-row flex-al ">
		    <image src="/static/imgs/fankui.png"></image>
		    <text>定制公交订单</text>
		  </view>
		  <text class="iconfont icon-arrow-right-copy-copy"></text>
		</view>
		</navigator>
		<view class="w100 flex-row flex-al flex-sb yjfk" hover-class="yjfk-hover" @click="xieyi">
		  <view class="flex-row flex-al ">
		    <image src="/static/imgs/about.png"></image>
		    <text>服务协议</text>
		  </view>
		  <text class="iconfont icon-arrow-right-copy-copy"></text>
		</view>
		<view class="w100 flex-row flex-al flex-sb yjfk" hover-class="yjfk-hover" @click="about">
		  <view class="flex-row flex-al ">
		    <image src="/static/imgs/about.png"></image>
		    <text>关于我们</text>
		  </view>
		  <text class="iconfont icon-arrow-right-copy-copy"></text>
		</view>
		<uni-popup ref="alert1" type="center" :maskClick="true" :mask="true">
			<view class="alert-box flex-col flex-al">
				<view class="w100 flex-col flex-al">
					<image class="xieyi-img" src="/static/imgs/xieyi.png" mode=""></image>
				</view>
				<view class="xieyi-b flex-row flex-al flex-sb w100">
					<view @click="agree">
						取消
					</view>
					<view @click="agree">
						确认
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="alert2" type="center" :maskClick="true" :mask="true">
			<view class="alert-box flex-col flex-al">
				<view class="w100 flex-col flex-al">
					<image class="xieyi-img2" src="/static/imgs/aboutus.png" mode=""></image>
				</view>
				<view class="xieyi-b flex-row flex-al flex-sb w100">
					<view @click="agree2">
						取消
					</view>
					<view @click="agree2">
						确认
					</view>
				</view>
			</view>
		</uni-popup>
	</view>

</template>

<script>
	import uniPopup from "@/components/uni-popup/uni-popup.vue" 
	import HttpModule from "../../../module/httpModule.js"
	const httpModule = new HttpModule();
	export default {
		data() {
			return {
				
			}
		},
		components: {
			uniPopup
		},
		async onLoad(){
			await httpModule.authToken();
		},
		methods: {
			about(){
				  this.$refs.alert2.open()
			},
			agree2(){
				this.$refs.alert2.close()
			},
			xieyi(){
			    this.$refs.alert1.open()
			},
			agree(){
				this.$refs.alert1.close()
			}
		}
	}
</script>

<style scoped lang="less">
	.xieyi-img {
		width: 646rpx;
		height: 905rpx;
	}.xieyi-img2 {
		width: 646rpx;
		height: 174.5rpx;
	}
	.xieyi-b {
		view {
			width: 50%;
			height: 70rpx;
			text-align: center;
			line-height: 70rpx;
			margin-top: 25rpx;
			font-size: 28rpx;
	
			&:first-child {
				color: rgba(117, 117, 117, 255);
			}
	
			&:last-child {
				color: rgba(26, 184, 148, 1)
			}
		}
	
	}
.alert-box {
		width: 680rpx;
		background: #fff;
		border-radius: 8rpx;
		box-sizing: border-box;
		padding: 28rpx 50rpx;
	}
.yjfk image{
  width: 32rpx;
  height: 32rpx;
  margin-right: 34rpx;
}
.yjfk{
  box-sizing: border-box;
  width: 90%;
  margin:0 auto;
  padding: 35rpx;
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.1)
}
.yjfk-hover{
  background: rgba(0, 0, 0, 0.05)
}
</style>
